﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Vigsel - Ansökan om borglig vigsel</title>
    <link href="Style.css" rel="stylesheet" />
</head>
<body>
    <div>
        <h2>Vigsel - Ansökan om borglig vigsel</h2>
        <fieldset id="myform">
            <legend>Önskad tidpunkt för vigsel</legend>
            <p>Tidpunkt för borglig vigsel är lördagar mellan klockan 13:00 - 15:00</p>
            <p>Planerad tid för en vigsel är 10 minuter</p>
            <div>
                <label for="DatumFörVigsel">Önskat datum</label>    
                <input id="DatumFörVigsel" data-bind="value: Wedding.DatumFörVigsel" type="text" placeholder="DatumFörVigselPlaceholder" name="DatumFörVigsel" title="DatumFörVigsel  is requiered" />
            </div>
            <div>
                <label for="Förnamn">Önskad tidpunkt</label>    
                <input id="Förnamn" data-bind="value: Wedding.TidpunktFörVigsel" type="url" placeholder="FörnamnPlaceholder" name="Förnamn" title="Förnamn  requiered" />
            </div>
            <div>

                <label for="Plats">Plats</label>
                    <div>
                        <input id="Plats1" name="isStadshusetYN"   type="radio" value="Y" data-bind="value: Wedding.Other.isStadshusetYN"  />Statshuset
                    </div>
                    <div>
                        <input id="Plats2" name="isStadshusetYN"  type="radio" value="N" data-bind="value: Wedding.Other.isStadshusetYN"  />Annan plats
                    </div>
            </div>
            <div>
                <label for="Vigselförrättare">Val av vigselförrättare</label>    
                <div>
                    <select id="Vigselförrättare" name="D1"  data-bind="value: Wedding.Vigselförättare" >
                        <option selected="selected">Välj...</option>
                        <option value="Kommunchef">Kommunchef</option>
                        <option value="Biträdande kommunchef">Biträdande kommunchef</option>
                        <option value="Annan">Annan</option>
                    </select>
                </div>
            </div>
            <div id="showAnnanVigselförrättare" data-bind="visible: Wedding.ShowHide.AnnanVigselförrättare">
                <label for="AnnanVigselförrättare">AnnanVigselförrättare</label>    
                <input id="AnnanVigselförrättare" data-bind="value: Wedding.AnnanVigselförrättare" type="text" placeholder="AnnanVigselförrättare" name="AnnanVigselförrättare" title="AnnanVigselförrättare"" />
            </div>
            <div>
                <label for="AnnatÖnskemål">Annat önskemål om vigselförrättare</label>    
                <input id="AnnatÖnskemål" data-bind="value: Wedding.ÖvrigaÖnskemål" type="text" placeholder="Annat önskemål om vigselförrättare" name="AnnatÖnskemål" title="AnnatÖnskemål"" />
            </div>
        </fieldset>
    </div>
</body>
</html>
